<script lang="ts">
import { defineComponent } from 'vue'
import { useI18n } from 'vue-i18n'
import RefreshSetting from './RefreshSetting.vue'
// import OrderSetting from './OrderSetting.vue'
import ColumnSetting from './ColumnSetting.vue'
export default defineComponent({
  name: 'TableSetting',
  components: {
    RefreshSetting,
    // OrderSetting,
    ColumnSetting
  },
  props: {
    columnsCheckedState: { type: Object, required: true },
    sortColumns: Array
  },
  setup() {
    const { t } = useI18n()
    return { t }
  }
})
</script>

<template>
  <a-space class="system-table-setting-icon">
    <RefreshSetting @refresh="$emit('refresh')" />
    <!-- <OrderSetting
      :columns="sortColumns"
      @confirm="$emit('confirm')"
      @reset="$emit('reset')"
    /> -->
    <column-setting
      v-model:indexChecked="columnsCheckedState.indexChecked"
      v-model:selectChecked="columnsCheckedState.selectChecked"
      :sortColumns="sortColumns"
      @reset="$emit('reset')"
    />
  </a-space>
</template>